<template>

    <div v-if="isLoading" class='base'>
      <img src="../assets/images/preloader.gif" alt="">
    </div>
</template>

<script>
export default {
    name: 'Loading',
    data() {
        return {

        }
    },
    mounted() {

    },
    computed: {
    isLoading() {
      return this.$store.getters.isLoading;
    }
  }
}
</script>

<style>
body {
	background-color: white;
	font-size: 12px;
}

.base {
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    opacity: 1;
}
</style>

